import React from 'react';
import { Table } from 'antd';
import type { ColumnsType } from 'antd/es/table';

interface DataType {
  key: string;
  firstYear: number;
  secondYear: number;
  thirdYear: number;
  fourthYear: number;
}

const columns: ColumnsType<DataType> = [
  {
    title: '第一学年',
    dataIndex: 'firstYear',
    key: 'firstYear',
  },
  {
    title: '第二学年',
    dataIndex: 'secondYear',
    key: 'secondYear',
  },
  {
    title: '第三学年',
    dataIndex: 'thirdYear',
    key: 'thirdYear',
  },
  {
    title: '第四学年',
    key: 'fourthYear',
    dataIndex: 'fourthYear',
  },
];

const data: DataType[] = [
  {
    key: '1',
    firstYear: 1,
    secondYear: 2,
    thirdYear: 3,
    fourthYear: 4,
  },
];

const SportsGrades: React.FC<any> = () => {
  return (
    <div>
      <Table
        columns={columns}
        dataSource={data}
        pagination={{ hideOnSinglePage: true }}
      />
    </div>
  );
};

export default SportsGrades;
